//可跨站共用的 mix
@mixin reset {
    html {
        color: #000;
        overflow-y: scroll;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
    }
    html * {
        outline: none;
        -webkit-text-size-adjust: none;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }
    html,
    body {
        font-family: sans-serif;
    }
    /* 内外边距通常让各个浏览器样式的表现位置不同 */
    body,
    div,
    dl,
    dt,
    dd,
    ul,
    ol,
    li,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    pre,
    code,
    form,
    fieldset,
    legend,
    input,
    textarea,
    p,
    blockquote,
    th,
    td,
    hr,
    button,
    article,
    aside,
    details,
    figcaption,
    figure,
    footer,
    header,
    hgroup,
    nav,
    section {
        margin: 0;
        padding: 0;
    }
    input,
    select,
    textarea {
        font-size: 100%;
    }
    /* 去除默认边框 */
    fieldset,
    img {
        border: 0;
    }
    /* 一致的 del 样式 */
    del {
        text-decoration: line-through;
    }
    address,
    caption,
    cite,
    code,
    dfn,
    em,
    th,
    var {
        font-style: normal;
        font-weight: 500;
    }
    /* 去掉列表前的标识, li 会继承 */
    ol,
    ul {
        list-style: none;
    }
    /* 正常链接 未访问 */
    /* 鼠标悬停 */
    a:hover {
        text-decoration: underline;
    }
    /* 默认不显示下划线，保持页面简洁 */
    a,
    a:link,
    a:visited {
        color: #000;
        text-decoration: none;
    }
}

@mixin font-dpr($font-size) {
    font-size: $font-size;
    [data-dpr="2"] & {
        font-size: $font-size * 2;
    }
    [data-dpr="3"] & {
        font-size: $font-size * 3;
    }
}

@mixin clearfix {
    &:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
}

@function pxTorem($px) {
    //$px为需要转换的字号
    @return $px / 75px * 1rem;
}


/*line1px*/

.line1px {
    position: relative;
    overflow: hidden;
}

.line1px:before {
    content: "";
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    width: 100%;
    border-bottom: 1px solid #ddd;
    top: 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .line1px:before {
        -webkit-transform: scaleY(0.5);
        transform: scaleY(0.5);
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    .line1px:before {
        -webkit-transform: scaleY(0.33);
        transform: scaleY(0.33);
    }
}
